<template>
  <div>
    <p>
      CQuery demo 页面，使用文档
      <a href="https://antree.gitee.io/cquery/components/">https://antree.gitee.io/cquery/components/</a>
    </p>
    <div id="button"
      class="cq-btn cq-btn--s1n1">
      <span class="cq-btn--line"></span>
    </div>
  </div>
</template>

<script>
export default {
  name: 'TestCQuery',
  components: {},
  data() {
    return {};
  },
  mounted() {
    this.$cq.Button.create({
      element: '#button',
      onClick: (state) => {
        console.log(state);
        this.$alert(`按钮打开状态： ${state}`);
      },
    });
  },
  methods: {},
};
</script>

<style lang='scss' scoped></style>
